<?php
/**
 * Renew Our Community 2012 theme
 *
 * @author Tyler Gordon
 */

  $page->googleAnalytics = 'UA-36481059-1';
  $page->css( '/css/styles.css' );
  $page->css( theme::$folder . '/stylesheets/style.css' );

  echo $site->DOCTYPE();
?>
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta charset="utf-8">

  <title><?= $page->title ?> | <?= $site->title() ?></title>
  <meta name="description" content="<?= $page->description(); ?>">
  <meta name="author" content="<?= $page->author(); ?>">
  <meta name="keywords" content="<?= $page->keywords(); ?>">
  <?php echo $page->META ?>

  <meta name="viewport" content="width=device-width,initial-scale=1">

  <link rel="shortcut icon" href="/<?= theme::$folder; ?>/images/favicon.ico">

  <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900,400italic,700italic' rel='stylesheet' type='text/css'>
  <link href="/css/fancybox/jquery.fancybox.css" rel="stylesheet">
  <?php foreach( (array) $page->get( 'css' ) as $css ): ?>
  <link href="<?= $css['file']; ?>" rel="<?= $css['rel']; ?>">
  <?php endforeach; ?>

	<script src="/<?= theme::$folder ?>/javascripts/foundation/modernizr.foundation.js"></script>
</head>

<body class="<?= browser::getBodyClass(); ?> <?= browser::areWeHome(); ?>">
  <?php snippet('facebook-like-box-prep.php'); ?>
    <header class="site__header">

        <div class="row">
            <div class="twelve columns">

                <hgroup class="header__identity">
                    <a href="<?= url() ?>">
                        <h1><img src="/<?= theme::$folder ?>/images/ROClogo.gif" alt="<?= $site->title ?>"></h1>
                    </a>
                </hgroup>

                <div class="header__contact-button">
                    <a href="http://twitter.com/renew_oc/roc-feed" class="plain" target="_blank">
                      <i class="foundicon-twitter" style="font-size: 24px; line-height: 1; vertical-align: middle;"></i>
                    </a>
                    &nbsp;
                    <a href="https://www.facebook.com/pages/Renew-Our-Community/260886680611655" class="plain" target="_blank">
                      <i class="foundicon-facebook" style="font-size: 24px; line-height: 1; vertical-align: middle;"></i>
                    </a>
                    &nbsp;
                    <a href="<?= url('contact') ?>" class="button">Contact</a>
                    <a href="<?= url('invitation/donate') ?>" class="button">Donate</a>
                </div>

                <div class="header__nav-group">
                    <nav class="menu nav__main l-inline l-mobile-stacked">
                        <?php echo module( 'liriope', 'menu', array( 'page'=>$page )); ?>
                    </nav>
                    <nav class="menu nav__submain l-inline l-mobile-stacked">
                        <?php echo module( 'liriope', 'menu', array( 'page'=>$page, 'from'=>'auto' )); ?>
                    </nav>
                </div>

            </div>
        </div>
    </header>

  <div id="main" role="main">
    <div class="row">
      <div class="twelve columns">

<?echo $liriope ?>

      </div>
    </div>
  </div><!-- /#main -->

  <div id="foundation">
    <div class="row">
      <div class="six columns">
        <p>
          <a class="large button" href="<?= url('invitation/volunteer') ?>">Get Involved</a>
        </p>
      </div>
      <div class="six columns">
        <p class="right">
          <a href="http://twitter.com/renew_oc/roc-feed" class="plain" target="_blank">
            <i class="foundicon-twitter"></i>
          </a>
          <a href="https://www.facebook.com/pages/Renew-Our-Community/260886680611655" class="plain" target="_blank">
            <i class="foundicon-facebook"></i>
          </a>
          <a href="<?= url('contact') ?>" class="plain boosterseat">More Contact Information »</a>
        </p>
      </div>
    </div>
    <div class="row">
      <div class="twelve columns">
        <nav id="footer" class="menu">
          <?php echo module( 'liriope', 'menu', array( 'page'=>$page )); ?>
        </nav>
      </div>
    </div>
  </div><!-- /#foundation -->

  <footer id="main">
    <div class="row">
      <div class="six columns">
        <p><b>Renew Our Community</b><br>
        P.O. Box 907 &bull; 119 E. White St. &bull; Rock Hill, SC 29731</p>
        <p>p: (803) 328-0003<br>
          <a href="mailto:info@renewoc.org">info@renewoc.org</a>
        </p>
        <p>
          <b>ROC Central</b><br>
          Social Emergency Room for Those in Need<br>
          Open Monday - Saturday 10am-4pm<br>
          119 E White Street, Rock Hill, SC<br>
          p: (803) 328-0003
        </p>
      </div>
      <div class="six columns">
        <p class="right">&copy; <?= date('Y', time()) ?> Renew Our Community</p>
      </div>
    </div>
  </footer><!-- /footer#footer -->

  <?php if( $error ) echo $error; ?>

  <!-- JavaScript at the bottom for fast page loading -->

  <script>window.jQuery || document.write('<script src="/js/libs/jquery.min.js"><\/script>')</script>

  <!-- scripts -->
  <script defer src="/js/plugins.js"></script>
  <script defer src="/js/script.js"></script>
  <script defer src="/js/libs/jquery.hoverIntent.minified.js"></script>
  <script defer src="/js/libs/jquery.fancybox.pack.js"></script>
  <script defer src="/js/libs/jquery.fancybox-media.js"></script>
  <script type="text/javascript">
  $(document).ready(function() {
    $('.fancybox-media').fancybox({
      openEffect  : 'none',
      closeEffect : 'none',
      helpers : {
        media : {}
      }
    });
  });
  </script>
<?php foreach( (array) $page->get( 'js' ) as $script): ?>
  <script defer src="<?= $script['file']; ?>" type="<?= $script['type']; ?>"></script>
<?php endforeach; ?>
<?php foreach( (array) $page->get( 'script' ) as $block): ?>
  <script type="text/javascript" charset="UTF-8">
    <?= $block; ?>
  </script>
<?php endforeach; ?>
	<!-- Included JS Files (Uncompressed) -->
	<script src="/<?= theme::$folder ?>/javascripts/foundation/jquery.js"></script>
	<script src="/<?= theme::$folder ?>/javascripts/foundation/jquery.foundation.tabs.js"></script>
	<script src="/<?= theme::$folder ?>/javascripts/foundation/jquery.foundation.orbit.js"></script>
	<script src="/<?= theme::$folder ?>/javascripts/foundation/jquery.foundation.reveal.js"></script>
	<script src="/<?= theme::$folder ?>/javascripts/foundation/jquery.foundation.topbar.js"></script>
	<script src="/<?= theme::$folder ?>/javascripts/foundation/jquery.cookie.js"></script>
	<script src="/<?= theme::$folder ?>/javascripts/foundation/jquery.foundation.tooltips.js"></script>
	<script src="/<?= theme::$folder ?>/javascripts/foundation/jquery.foundation.magellan.js"></script>
	<script src="/<?= theme::$folder ?>/javascripts/foundation/jquery.event.move.js"></script>
	<script src="/<?= theme::$folder ?>/javascripts/foundation/jquery.foundation.buttons.js"></script>
	<script src="/<?= theme::$folder ?>/javascripts/foundation/jquery.foundation.mediaQueryToggle.js"></script>
	<script src="/<?= theme::$folder ?>/javascripts/foundation/jquery.foundation.clearing.js"></script>
	<script src="/<?= theme::$folder ?>/javascripts/foundation/jquery.foundation.alerts.js"></script>
	<script src="/<?= theme::$folder ?>/javascripts/foundation/jquery.event.swipe.js"></script>
	<script src="/<?= theme::$folder ?>/javascripts/foundation/jquery.foundation.joyride.js"></script>
	<script src="/<?= theme::$folder ?>/javascripts/foundation/jquery.foundation.navigation.js"></script>
	<script src="/<?= theme::$folder ?>/javascripts/foundation/jquery.foundation.accordion.js"></script>
	<script src="/<?= theme::$folder ?>/javascripts/foundation/jquery.placeholder.js"></script>
	<script src="/<?= theme::$folder ?>/javascripts/foundation/jquery.foundation.forms.js"></script>
	
  <!-- Application Javascript, safe to override -->
  <script src="/<?= theme::$folder ?>/javascripts/foundation/app.js"></script>

  <!-- end scripts-->

    <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
    <script>
        var _gaq=[['_setAccount','<?= $page->googleAnalytics ?>'],['_trackPageview']];
        (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
        g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
        s.parentNode.insertBefore(g,s)}(document,'script'));
    </script>

  <!-- Prompt IE 6 users to install Chrome Frame. Remove this if you want to support IE 6.
       chromium.org/developers/how-tos/chrome-frame-getting-started -->
  <!--[if lt IE 7 ]>
    <script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
    <script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
  <![endif]-->
  
</body>
</html>

